﻿
@{
    Layout = null;
}
@using AFT.Parking.Entity.Parkings;
@using AFT.Parking.Foundation;
@using AFT.Parking.WebSite.Common

@model IPagedList<LocationEx>
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Scancodes</title>
    <link rel="stylesheet" href="/resources/css/reset.css" type="text/css" media="screen" />
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="/resources/css/style.css" type="text/css" media="screen" />
    <!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
    <link rel="stylesheet" href="/resources/css/invalid.css" type="text/css" media="screen" />

    <script src="/Scripts/jquery-1.10.2.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#tBodyRows tr:even").css("background-color", "#f3f3f3");
            $("#tBodyRows tr:odd").css("background-color", "#fff");
           $("#tBodyRows").delegate('tr', 'mouseover', function () { $(this).css("background-color", "#b6bdca"); });
           $("#tBodyRows").delegate('tr', 'mouseout', function () { $(this).removeAttr("style"); });
       })
    </script>
    <style type="text/css">
        a:visited {
            color: #808080;
        }
    </style>
</head>
    <body style="background:none;">
    <div class="content-box">
        <!-- Start Content Box -->
        <div class="content-box-header">
            <h3>二维码打印列表</h3>

            <div class="clear"></div>
        </div>
        <form id="main-content" style="margin: 0 30px 0 50px;">
            <!-- End .content-box-header -->
            <div class="content-box-content">
                <div class="tab-content default-tab" id="tab1">
                    @Html.Hidden("parkingAreaId")
                    <!-- This is the target div. id must match the href of this div's tab -->

                    <table>
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>名称</th>
                                <th>打印个数</th>
                                <th>二维码</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <td colspan="6">
                                    <div class="pagination">
                                        @Html.Pager(Model)
                                    </div>
                                    <!-- End .pagination -->
                                    <div class="clear"></div>
                                </td>
                            </tr>
                        </tfoot>
                        <tbody id="tBodyRows">
                            @foreach (var item in Model.Rows)
                            {
                                <tr id="@("tr"+item.ParkingLocation.Id)">
                                    <td>
                                        @item.ParkingLocation.Id
                                    </td>
                                    <td>
                                        @item.ParkingLocation.Name
                                    </td>
                                    <td>
                                        @item.ParkingLocation.PrintScanCodeCount
                                    </td>
                                    <td id="@("td" + item.ParkingLocation.Id)">
                                        <a href="/parkingAreas/PrintScanCode/@item.ParkingLocation.Id" target="_blank">@item.ScanCode.Ticket</a>
                                    </td>
                                    <td>
                                        <a href="/parkingAreas/PrintScanCode/@item.ParkingLocation.Id" target="_blank">查看</a>
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
                <!-- End #tab1 -->
            </div>
            <!-- End .content-box-content -->
        </form>
    </div>
</body>
</html>
